*{
    margin: 0;
    padding: 0;
}
/* ==========================header========================== */
.preview-header>div{
    height: 90px;
}
.preview-header>div img{
    border: 0 none;
    width: 110px;
    height: 45px;
    padding: 0px !important;
    margin: 20px 0 0px 0px;
}
.header-text{
    font-size: 18px;
    text-align: center;
    line-height: 90px;
}
.header-text:hover{
    cursor: pointer;
}

/* ==========================body-info========================== */
.preview-body-info>div{
    height: 154px;
    color: #ffffff;
    background-color: #3f4160;

    /*border-right: 1px solid whitesmoke;*/
}
.preview-body-info img{
    background-color: white;
    width: 85px;
    height:104px;
    margin-top:25px ;
    margin-left: 35px;
}
.name{
    font-size: 24px;
    color: #ffffff;
    margin-top: 24px;
}
.info-datil-1,.info-datil-2{
    color: #ffffff;
    font-size: 14px;
    height: 28px;
}
.id{
    text-align: center;
    line-height: 80px;
}
/* ==========================body-intro========================== */


.preview-body-intro>div{
    height: 153px;
    padding-bottom: 15px;
    border-bottom:1px solid #dedede;
    background-color: whitesmoke;
}


.intro-work{
    display: block;
    width: 410px;
    height: 54px;
    font-size: 16px;
    font-weight: bold;
    color: #818ba3;
    line-height: 54px;
    margin-left: 35px;
}
.intro-work-1,.intro-work-3,.intro-work-5{
    display: inline-block;
    width: 85px;
    height: 28px;
    margin-left: 35px;
    line-height: 28px;
}
.intro-work-2,.intro-work-4,.intro-work-6{
    display: inline-block;
    height: 28px;
    width: 330px;
}
.intro-edu{
    display: block;
    width: 410px;
    height: 54px;
    font-size: 16px;
    font-weight: bold;
    color: #818ba3;
    line-height: 54px;
}
.intro-edu-1,.intro-edu-3,.intro-edu-5{
    display: inline-block;
    width: 85px;
    height: 28px;
    line-height: 28px;
}
.intro-edu-2,.intro-edu-4,.intro-edu-6{
    display: inline-block;
    height: 28px;
    width: 330px;
}

/* ==========================body-personal========================== */

.preview-personal>div{
    height: 163px;
    border-left:1px solid #dedede;
    border-right:1px solid #dedede;
    border-bottom:1px solid #dedede;
}
.personal{
    display: block;
    width: 410px;
    height: 54px;
    font-size: 16px;
    font-weight: bold;
    color: #818ba3;
    line-height: 54px;
    margin-left: 35px;
}
.personal-1,.personal-3,.personal-5{
    display: inline-block;
    width: 85px;
    height: 28px;
    line-height: 28px;
    margin-left: 35px;
}
.personal-2,.personal-4,.personal-6{
    display: inline-block;
    height: 28px;
    width:780px;

}
/* ==========================body-salary-year========================== */
.preview-salary-year>div{
    height: 55px;
    border-left:1px solid #dedede;
    border-right:1px solid #dedede;
    border-bottom:1px solid #dedede;
}
.preview-salary{
    display: block;
    width: 910px;
    height: 54px;
    font-size: 16px;
    font-weight: bold;
    color: #818ba3;
    line-height: 54px;
    margin-left: 35px;
}
.salary-remarks{
    color: #999999;
    font-size: 12px !important;
    font-weight: 200;
}

/* ========================preview-intention======================== */
.preview-intention>div{
    height: 210px;
    border-left:1px solid #dedede;
    border-right:1px solid #dedede;
    border-bottom:1px solid #dedede;
}
.intention{
    display: block;
    width: 910px;
    height: 54px;
    font-size: 16px;
    font-weight: bold;
    color: #818ba3;
    line-height: 54px;
    margin-left: 35px;
}
.intention-1,.intention-5,.intention-9,.intention-13{
    display: inline-block;
    width: 85px;
    height: 28px;
    line-height: 28px;
    margin-left: 35px;
}
.intention-2,.intention-4,.intention-6,.intention-8,.intention-10,.intention-12{
    display: inline-block;
    height: 28px;
    width:345px;
}
.intention-14{
    display: inline-block;
    height: 28px;
    width:785px;
}
/* ========================preview-work-experience======================== */
.preview-work-experience>div{
    border-left:1px solid #dedede;
    border-right:1px solid #dedede;
    border-bottom:1px solid #dedede;
}
.experience-title{
    display: block;
    width: 910px;
    height: 54px;
    font-size: 16px;
    font-weight: bold;
    color: #818ba3;
    line-height: 54px;
    margin-left: 35px;
}
.experience-single{
    margin-bottom: 40px;
}
.experience-single .experience-single-1,.experience-single-5{
    display: inline-block;
    width: 85px;
    height: 28px;
    line-height: 28px;
    margin-left: 35px;
}
.experience-single .experience-single-2{
    display: inline-block;
    width: 755px;
    height: 28px;
    font-size: 15px;
    font-weight: 800;
    line-height: 28px;
    margin-left: 35px;
}
.experience-single .experience-single-3,.experience-single-4{
    display: inline-block;
    width: 855px;
    height: 28px;
    line-height: 28px;
    margin-left: 35px;
}
.experience-single .experience-single-6{
    display: inline-block;
    width: 755px;
    height: 28px;
    line-height: 28px;
}
/* ========================preview-work-project======================== */
.preview-work-project>div{
    border-left:1px solid #dedede;
    border-right:1px solid #dedede;
    border-bottom:1px solid #dedede;
}
.project-title{
    display: block;
    width: 910px;
    height: 54px;
    font-size: 16px;
    font-weight: bold;
    color: #818ba3;
    line-height: 54px;
    margin-left: 35px;
}
.project-single{
    margin-bottom: 40px;
}
.project-single .project-single-1{
    display: inline-block;
    width: 135px;
    height: 28px;
    line-height: 28px;
    margin-left: 35px;
}
.project-single .project-single-2{
    display: inline-block;
    width: 655px;
    height: 28px;
    font-size: 15px;
    font-weight: 800;
    line-height: 28px;
    margin-left: 35px;
}
.project-single .project-single-3,.project-single-5,.project-single-7{
    display: inline-block;
    width: 85px;
    height: 28px;
    line-height: 28px;
    margin-left: 35px;
}
.project-single .project-single-4,.project-single-6,.project-single-8{
    display: inline-block;
    width: 755px;
    height: 28px;
    line-height: 28px;
}
/* ========================preview-edu======================== */

.preview-edu>div{
    border-left:1px solid #dedede;
    border-right:1px solid #dedede;
    border-bottom:1px solid #dedede;
}
.edu-title{
    display: block;
    width: 910px;
    height: 54px;
    font-size: 16px;
    font-weight: bold;
    color: #818ba3;
    line-height: 54px;
    margin-left: 35px;
}
.edu-single{
    margin-bottom: 40px;
}
.edu-single .edu-single-1{
    display: inline-block;
    width: 135px;
    height: 28px;
    line-height: 28px;
    margin-left: 35px;
}
.edu-single .edu-single-2{
    display: inline-block;
    width: 655px;
    height: 28px;
    font-size: 15px;
    font-weight: 800;
    line-height: 28px;
}
.edu-single .edu-single-3{
    display: inline-block;
    width: 885px;
    height: 28px;
    line-height: 28px;
    margin-left: 35px;
}
.edu-single .edu-single-4{
    display: inline-block;
    width: 85px;
    height: 28px;
    line-height: 28px;
    margin-left: 35px;
}
.edu-single .edu-single-5{
    display: inline-block;
    width: 785px;
    height: 28px;
    line-height: 28px;
}
/* ========================preview-honor======================== */

.preview-honor>div{
    border-left:1px solid #dedede;
    border-right:1px solid #dedede;
    border-bottom:1px solid #dedede;
}
.honor-title{
    display: block;
    width: 910px;
    height: 54px;
    font-size: 16px;
    font-weight: bold;
    color: #818ba3;
    line-height: 54px;
    margin-left: 35px;
}
.honor-single{
    margin-bottom: 40px;
    background-color: #f5f5f5;
    height: 48px;
}
.honor-single .honor-single-1{
    display: inline-block;
    width: 85px;
    height: 28px;
    line-height: 48px;
    margin-left: 35px;
}
.honor-single .honor-single-2{
    display: inline-block;
    /*width: 135px;*/
    height: 28px;
    font-size: 15px;
    font-weight: 800;
    line-height: 48px;
}
.honor-single .honor-single-3{
    display: inline-block;
    width: 85px;
    height: 28px;
    line-height: 48px;
    margin-left: 35px;
}
/* ========================preview-skills======================== */
.preview-skills>div{
    border-left:1px solid #dedede;
    border-right:1px solid #dedede;
    border-bottom:1px solid #dedede;
}
.skills-title{
    display: block;
    width: 910px;
    height: 54px;
    font-size: 16px;
    font-weight: bold;
    color: #818ba3;
    line-height: 54px;
    margin-left: 35px;
}
.skills-single{
    margin-bottom: 40px;
    background-color: #f5f5f5;
    height: 48px;
}
.skills-single .skills-single-1{
    display: inline-block;
    width: 85px;
    height: 28px;
    line-height: 48px;
    margin-left: 35px;
}
.skills-single .skills-single-2{
    display: inline-block;
    /*width: 135px;*/
    height: 28px;
    font-size: 15px;
    font-weight: 800;
    line-height: 48px;
    /*margin-left: 20px;*/
}
.skills-single .skills-single-3{
    display: inline-block;
    width: 85px;
    height: 28px;
    line-height: 48px;
    margin-left: 35px;
}
.skills-single .skills-single-4{
    display: inline-block;
    /*width: 85px;*/
    height: 28px;
    line-height: 48px;
    font-size: 15px;
    font-weight: 800;
}










